﻿<!DOCTYPE HTML>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">

<title>Bootstrap后台管理系统</title>


<link rel="stylesheet" href="../css/bootstrap.min.css">
<script src="../js/bootstrap.min.js"></script>
<script src="../js/jquery.js"></script>
<style type="text/css">
#container {
	margin-top: -20px;
	margin-left: 10px;
}
</style>

</head>
<body>
	<div id="container" class="col-sm-12">
		<div class="page-header">
			<h2>游戏类型</h2>
		</div>
		<form action="">
			<div class="row">
				<div class="col-xs-6 col-sm-3">
					<div class="row">
						<div class="col-xs-8 col-sm-3">
							<span class="btn btn-default">类型名称</span>
						</div>
						<div class="col-xs-3 col-sm-8">
							<input type="text"  class="form-control" />
						</div>
					</div>
				</div>
				<div class="col-xs-6 col-sm-2">
					<div class="row">
						<div class="col-xs-8 col-sm-3">
							<span class="btn btn-default">状态</span>
						</div>
						<div class="col-xs-3 col-sm-8">
							<select  class="form-control">
								<option value="1">商用</option>
								<option value="2">下线</option>
							</select>
						</div>
					</div>

				</div>
				<div class="col-xs-6 col-sm-4">
					<input type="button" class="btn btn-primary"  value="查询" />
				</div>
			</div>
		</form>
		<div class="row">&nbsp;</div>
		<div class="row">
			<div class="col-xs-6 col-sm-4">
				<a class="btn btn-primary" data-toggle="modal"
					data-target="#myModal"> <span class="glyphicon glyphicon-plus"></span>
					新增</a>
				

				<a class="btn btn-danger" > <span
					class="glyphicon glyphicon-trash"></span> 删除</a>
			</div>
		</div>

		<div class="row">&nbsp;</div>
		<div class="row">
			<div class="col-xs-6 col-sm-11">
				<div class="table-responsive " style="vertical-align: middle;text-align: center;">
					<table id="searchTable" class="table table-bordered table-condensed ">
						<tr>
							<td><input  type="checkbox" id="all" value="全选" /> 全选</td>
							<td>ID</td>
							<td>类型图片</td>
							<td>类型名称</td>
							<td>状态</td>
							<td>创建时间</td>
							<td>修改时间</td>
							<td>操作</td>
						</tr>
							<tr>
								<td><input type='checkbox'  name='opt' /></td>
								<td>1</td>
								<td>
									<div class="col-xs-6  col-md-offset-4">
										<img class="img-responsive" width="33" height="30"
											src="" />
									</div>
								</td>
								<td>棋牌游戏</td>
								<td>
									商用 
								</td>
								
								<td>2017-03-14 12:03:19</td>
								<td>
									2017-03-15 12:03:19
								</td>
								<td><a class="btn btn-info" href="updateGameType.html"> <span class="glyphicon glyphicon-pencil"></span>修改</a></td>
							</tr>
							<tr>
								<td><input type='checkbox'  name='opt' /></td>
								<td>1</td>
								<td>
									<div class="col-xs-6  col-md-offset-4">
										<img class="img-responsive" width="33" height="30"
											src="" />
									</div>
								</td>
								<td>棋牌游戏</td>
								<td>
									商用 
								</td>
								
								<td>2017-03-14 12:03:19</td>
								<td>
									2017-03-15 12:03:19
								</td>
								<td><a class="btn btn-info" href="updateGameType.html"> <span class="glyphicon glyphicon-pencil"></span>修改</a></td>
							</tr>
							<tr>
								<td><input type='checkbox'  name='opt' /></td>
								<td>2</td>
								<td>
									<div class="col-xs-6  col-md-offset-4">
										<img class="img-responsive" width="33" height="30"
											src="" />
									</div>
								</td>
								<td>棋牌游戏</td>
								<td>
									下线
								</td>
								
								<td>2017-03-14 12:03:19</td>
								<td>
									2017-03-15 12:03:19
								</td>
								<td><a class="btn btn-info" href="updateGameType.html"> <span class="glyphicon glyphicon-pencil"></span>修改</a></td>
							</tr>
							<tr>
								<td><input type='checkbox'  name='opt' /></td>
								<td>1</td>
								<td>
									<div class="col-xs-6  col-md-offset-4">
										<img class="img-responsive" width="33" height="30"
											src="" />
									</div>
								</td>
								<td>棋牌游戏</td>
								<td>
									商用 
								</td>
								
								<td>2017-03-14 12:03:19</td>
								<td>
									2017-03-15 12:03:19
								</td>
								<td><a class="btn btn-info" href="updateGameType.html"> <span class="glyphicon glyphicon-pencil"></span>修改</a></td>
							</tr>
					</table>
				</div>
			</div>
		</div>
	</div>
</body>
<style>
td{
	vertical-align: middle !important;
}
</style>
</html>
